<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>带有背景变换效果的横向菜单</title>
<style>
.menus{
	width:802px; 
	height:41px;
	background:url(images/menuBg.jpg) no-repeat;
}
.menus a{
    float:left;
	width:78px; 
	height:41px; 
	text-align:center; 
	line-height:41px; 
	color:#FFFFFF; 
	text-decoration:none;
	font-size:12px;
}
.menus a:hover{
	background:url(images/menu_ok.jpg) no-repeat center; overflow:hidden
}
</style>
</head>
<body>
<div class="menus">
    <a href="#">首页</a>
    <a href="#">管理咨询</a>
    <a href="#">营销策划</a>
    <a href="#">项目推广</a>
    <a href="#">招生代理</a>
    <a href="#">展览展示</a>
    <a href="#">兼职人事</a>
    <a href="#">设计制作</a>
    <a href="#">联系我们</a>
    <a href="#">投诉建议</a>
</div>
</body>

</html>
